<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.test1 {background-color:blue;border:1px solid}
	.test2 {
		background-image:url(back.gif);
		background-repeat:no-repeat;/*平铺*/
		background-position:bottom;
		width: 500px;
		height: 800px;
	}
	span.test3 {background-color: blue;}
	img {border:1px solid red;}
</style>
</head>
<body>
	<img alt="" src="back.gif" />
	<p class="test1">这是一个传说</p>
	<div class="test2">ddddd</div>
	<span class="test3">这是文本</span>
	
</body>
</html>